<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Fit Layout</title>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
    <script src="../../../scripts/jquery.min.js"></script>
    <script src="../../../scripts/miniui/miniui.js"></script>
    <link href="../../../scripts/miniui/themes/default/miniui.css" rel="stylesheet">
    <link href="../../../scripts/miniui/themes/icons.css" rel="stylesheet">
    <link href="../../../scripts/miniui/themes/pure/skin.css" rel="stylesheet">
    <script src="../../../scripts/core.js"></script>

</head>
<body>
<style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
</style>
<div class="mini-toolbar" style="padding:2px;border-bottom:0;">
    <table style="width:100%;">
        <tr>
            <td style="width:100%;">
                <a class="mini-button" iconCls="icon-add" onclick="saveData()" plain="true">新加币数量</a>
            </td>

        </tr>
    </table>
</div>
<!--撑满页面-->
<div class="mini-fit">

    <mini-datagrid _dataField="data111" allowCellEdit="true" allowCellSelect="true"
                   allowResize="true" allowSortColumn="false"
                   class="mini-datagrid"
                   id="datagrid1" idField="id" multiSelect="false"
                   pageSize="15" showSortIcon="true"
                   style="width:100%;height:100%;"
                   url="/cmsapi/business/getCoinLstByUserId">
        <columns>
            <column field="name" headerAlign="center" name="id" width="150">
                名称
            </column>
            <column field="clientVal" width="100">目前数量
            </column>
            <column field="tonLock" width="100">解锁
            </column>
            <column field="addNum" width="100">新加数量
                <input class="mini-spinner" maxValue="50000000000" minValue="1" property="editor" style="width:100%;"/>
            </column>
            <column field="detailType" width="100">奖励类型(3:排行榜)
                <input class="mini-spinner" property="editor" style="width:100%;"/>
            </column>

            <column field="userId" width="100">用户数量
            </column>

        </columns>
    </mini-datagrid>

</div>

<script type="text/javascript">

    var auth = GetParams()
    mini.parse();
    var grid = mini.get("datagrid1");
    grid.setAjaxOptions({
        headers: {"userId": auth.userId, "token": auth.token}
    });
    grid.load({
        targetUserId: auth.targetUserId
    });


    function saveData() {
        if (grid.getSelecteds().length == 0) return;
        var row = grid.getSelecteds()[0];
        var json = mini.encode(row);
        grid.loading("保存中，请稍后......");
        $.ajax({
            url: "/raceInfo/addCoin",
            data: json,
            type: "post",
            contentType: 'application/json',
            headers: {"userId": auth.userId, "token": auth.token},
            success: function (text) {
                grid.load({
                    targetUserId: auth.targetUserId
                });
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert(jqXHR.responseText);
            }
        });
    }
</script>

</body>
</html>